<template>
  <div class="home">
    <!-- 大屏全屏适配响应容器 -->
    <imooc-container :options="{ width: 1920, height: 1080 }">
       <test-wraper :data="113"></test-wraper>
<!--       <order-map></order-map> -->
<!--       <bai-map></bai-map> -->
      <gaode-map></gaode-map>
    </imooc-container>
    
  </div>
</template>

<script>
// @ is an alias to /src
import ImoocContainer from "@/components/Container.vue";
// import TestWraper from "@/components/TestWraper.vue";
// import OrderMap from "@/components/OrderMap.vue";
// import BaiMap from "@/components/BaiduMap.vue";
import { ref } from "vue";
import GaodeMap from '@/components/GaodeMap';

// import { ElMessageBox } from "element-plus";

export default {
  name: "HomeView",
  components: {
    ImoocContainer,
    // TestWraper,
    // OrderMap,
    // BaiMap,
    GaodeMap
  },
  setup() {
    let dialogVisible = ref(false);

    // const handleClose = (done) => {
    //   ElMessageBox.confirm("Are you sure to close this dialog?")
    //     .then(() => {
    //       done();
    //     })
    //     .catch(() => {
    //       // catch error
    //     });
    // };

    return { dialogVisible };
  },
};
</script>

<style lang="scss">
.bm-view {
  width: 100%;
  height: 300px;
}

.home {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgb(29, 29, 29);
  color: #fff;
  font-size: 48px;
  #imooc-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    // .button1{
    //   width: 300px;
    //   height: 200px;
    // }
  }
}
</style>
